<template>
    <!-- <a href="test.html" v-on:click.prevent>阻止默认行为</a> -->
    <!-- <div v-on:click.capture="show('我是父元素事件')"> -->
        <!-- <button v-on:click="show('我是子元素事件')">事件冒泡</button> -->
        <!-- <button v-on:click.stop="show('我是子元素事件')">阻止事件冒泡</button> -->
        <!-- 事件捕获 -->
        <!-- <button v-on:click="show('我是子元素事件')">事件捕获</button> -->
    <!-- </div> -->
    <!-- <button v-on:click.once="show('只执行一次')">只执行一次</button> -->
    <!-- <div v-on:click="show('我是祖先元素事件')">祖先元素
        <div v-on:click.self="show('我是父元素事件')">父元素
            <div v-on:click="show('我是子元素事件')">子元素</div>
        </div>
    </div> -->
    <!-- <input type="text" v-on:keyup.enter.exact="submit"> -->
    <button v-on:click.right="show('捕获到鼠标左键')">按钮</button>
</template>
<script setup>
let show = message =>{
    console.log(message);
}
let submit =()=>{
    console.log('捕获到enter键');
}
</script>